/**
* 功能描述: 基础下拉菜单项demo
* @author 崔孝楠
* @date 2022/9/23 15:34
* @version 1.0
*/
<template>
  <div class="yw-dropdown">
    <div class="yw-dropdown-link yw-dropdown-trigger" >
      <a>Hover me</a>
      <span role="img">
          <svg focusable="false" class="" data-icon="down" width="1em" height="1em" fill="currentColor" aria-hidden="true" viewBox="64 64 896 896">
            <path d="M884 256h-75c-5.1 0-9.9 2.5-12.9 6.6L512 654.2 227.9 262.6c-3-4.1-7.8-6.6-12.9-6.6h-75c-6.5 0-10.3 7.4-6.5 12.7l352.6 486.1c12.8 17.6 39 17.6 51.7 0l352.6-486.1c3.9-5.3.1-12.7-6.4-12.7z"></path>
          </svg>
        </span>
    </div>
    <ul class="yw-dropdown-menu" role="menu" data-menu-list="true">
      <li class="yw-dropdown-menu-item" role="menuitem" tabindex="-1" aria-disabled="false">
          <span class="yw-dropdown-menu-title-content">
            <a>1st menu item</a>
          </span>
      </li>
      <li class="yw-dropdown-menu-item" role="menuitem" tabindex="-1" aria-disabled="false">
          <span class="yw-dropdown-menu-title-content">
            <a>2nd menu item</a>
          </span>
      </li>
      <li class="yw-dropdown-menu-item yw-dropdown-menu-item-disabled " role="menuitem" tabindex="-1" aria-disabled="false">
        <span class="yw-dropdown-menu-title-content">
          <a>3rd menu item1</a>
        </span>
      </li>
    </ul>
  </div>

</template>

<script>
export default {
  name: "index"
}
</script>

<style scoped>

</style>
